<template>
	<nav-header title="友星缘团队助手">
	</nav-header>
	<scroll-view scroll-y class="scroll-content">
		<view class="video_Content" v-for="item in list" :key="item.id">
			<view class="font">{{item.name}}</view>
			<video
			:title="item.name"
			:src="item.src"
			object-fit="cover"
			></video>
		</view>
	</scroll-view>
</template>

<script>
	export default{
		data(){
			return {
				list:[
					{id:'1',name:'注册',src:'https://file.dgyxy.com/temp/regist.mp4'},
					{id:'2',name:'建立官方群',src:'https://file.dgyxy.com/temp/createAnOfficialGroup.mp4'},			
					{id:'3',name:'修改公司名字',src:'https://file.dgyxy.com/temp/updateComponyName.mp4'},
					{id:'4',name:'资料修改',src:'https://file.dgyxy.com/temp/updateDetail.mp4'},
					{id:'5',name:'搜索',src:'https://file.dgyxy.com/temp/yxySearch.mp4'},
					
				]
			}
		}
		
	}
</script>

<style scope lang="scss">
	.scroll-content{
		//border: 1px solid red;
		background-color: gainsboro;
		.video_Content{
			margin: 20px;
			padding: 10px;
			background-color: white;
			//border: 1px solid red;
			border-radius: 20px;
			.font{
				color: black;
				font-size: 18px;
				font-weight: bold;
			}
			video{
				width: 100%;
				margin-top: 20px;
			}
		}
	}
</style>